<!DOCTYPE html>
<html>
    <head>
        <meta content="text/html; charset=utf-8" http-equiv="Content-Type">
        <meta charset="utf-8">
        <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" name="viewport">
        <meta content="yes" name="apple-mobile-web-app-capable">
        <meta content="black" name="apple-mobile-web-app-status-bar-style">
        <meta content="telephone=no" name="format-detection">
        <title>场地详情</title>
        <link href="__CDN__/qz/bootstrap/css/bootstrap.min.css" rel="stylesheet">
        <link href="__CDN__/qz/bootstrap/css/bootstrap-datetimepicker.min.css" rel="stylesheet" media="screen">
        <link rel="stylesheet" href="__CDN__/qz/assets/frozenui-1.3.0/css/frozen.css">
        <link rel="stylesheet" type="text/css" href="__CDN__/qz/assets/css/style.css" />
    </head>

    <body class="body">
        <div>
            <img src="{$activity.poster}" class="img" />
        </div>
        <div class="introduce">
            <h1 class="overTitleLine">{$activity.name}
            <span class="colorFea802 floatR fontS18">¥{$activity.fee}</span></h1>
        </div>
        <div class="navigation marginT25">
            <p class="padding0_14 lineH50">
                <img src="assets/img/icon_map_s.png" class="mapMark" />
                <span class="color969696 fontS14">{$activity.city}.{$activity.address}</span>
                <a href="javascript:;" class="floatR fontS14 color4c67ea">导航</a>
            </p>
        </div>
        <!-- 场地数量简介 -->
        <section class="introduce">
            <ul class="ui-row ui-whitespace">
                <li class="ui-col ui-col-50 marginT20 color565656">可载人数</li>
                <li class="ui-col ui-col-50 textAR marginT20 color565656">{$activity.max_num}人</li>
                <li class="ui-col ui-col-50 marginT20 color565656">场地面积</li>
                <li class="ui-col ui-col-50 textAR marginT20 color565656">{$activity.square}m<sup>2</sup></li>
                <li class="ui-col ui-col-50 marginT20 color565656">营业时间</li>
                <li class="ui-col ui-col-50 textAR marginT20 color565656">{$activity.begintime}-{$activity.endtime}</li>
            </ul>
        </section>
        <div class="introduce marginT20">
            <section>
                <h4>场地提供的额外服务</h4>
                <div class="marginT20">
                    <div class="ui-label-list">
                        {volist name="activity.extra_service" id="vo"}
                            <label class="ui-label">{$vo}</label>
                        {/volist}
                    </div>
                </div>
            </section>
            <section class="marginT20">
                <h4>场地概述</h4>
                <div class="marginT15">
                    <div class="marginT20">
                        {$activity.desc}
                    </div>
                </div>
                <ul class="ui-row ui-whitespace">
                    <li class="ui-col ui-col-50 marginT20 color565656">附近是否有地铁</li>
                    <li class="ui-col ui-col-50 textAR marginT20 color565656">{$activity.is_metro}</li>
                    <li class="ui-col ui-col-50 marginT20 color565656">停车数量</li>
                    <li class="ui-col ui-col-50 textAR marginT20 color565656">{$activity.park_number}个</li>
                    <li class="ui-col ui-col-50 marginT20 color565656">是否提供发票</li>
                    <li class="ui-col ui-col-50 textAR marginT20 color565656">{$activity.is_ticket}</li>
                </ul>
            </section>
            <section class="tripDescription marginT40">
                <h4>商家日程</h4>
                <div class="marginT20 form_date">
                    
                </div>
            </section>
        </div>
        <script type="text/javascript" src="__CDN__/qz/assets/js/jquery-1.11.3.min.js"></script>
        <script type="text/javascript" src="__CDN__/qz/bootstrap/js/bootstrap.js"></script>
        <script type="text/javascript" src="__CDN__/qz/bootstrap/js/bootstrap-datetimepicker.js" charset="UTF-8"></script>
        <script type="text/javascript" src="__CDN__/qz/bootstrap/js/locales/bootstrap-datetimepicker.zh-CN.js" charset="UTF-8"></script>
        <script>
              $(function(){
                var datesDisabled = {$activity.selected_time};
                //var datesDisabled = ['2018-11-26','2018-1-23'];
                console.log(datesDisabled)
                $('.form_date').datetimepicker({
                            language:  'zh-CN',
                            weekStart: 1, //一周从哪一天开始。0（星期日）到6（星期六）;Integer. 默认值：0 
                            startDate:new Date(),
                            todayBtn:  1,
                            autoclose: 1,
                            todayHighlight: 1,
                            startView: 2,
                            minView: 2,
                            forceParse: 0,
                            datesDisabled:datesDisabled,
                            format: "yyyy-mm-dd"
                        })
                        $('.form_date').datetimepicker('show');
              })

              $(".navigation").click(function(e){
                   window.location.href = 'http://api.map.baidu.com/marker?location='+{$activity.latitude}+','+{$activity.longitude}+'&title={$activity.site_address}&content={$activity.site_address}&output=html'; 
              })
        </script>
    </body>
</html>